<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Employee Management Page</title>
        <!-- IMPORT CSS       -->
        <link rel="stylesheet" type="text/css" href="default.css"/>

        <style type="text/css">
			/* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
			#listbox{border-style:none; width:300px; height:300px; margin-right:auto; margin-left:auto; text-align:left;}
			#listfield{position:relative; right:80px;}
			#addEmployeeButton{position:relative; right:130px; font-size:12pt; width:200px;}
			#editButton{position: relative; width:150px;font-size:12pt; left:150px;  bottom: 250px}
			#deleteButton{position: relative; width:150px;font-size:12pt; left:150px;  bottom: 200px}
			#bestEmployeeBox{border-style:ridge; margin-left:auto; margin-right:auto; width:420px; height:50px; bottom:20px; font-size:12pt; text-align:center;}
		</style>
		
<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() {
	
if(document.employeeSelectedForm.employeelist="")
{
	alert("Employee must be selected!!");
}
else{
	window.open("editEmployeeData.jsp","_self");
}
}
function Button2_onclick()
{
	if(document.employeeSelectedForm.employeelist="")
	{
		alert("Employee must be selected!!");
	}
	else{	
		document.employeeSelectedForm.submit();

	}
}
//]]>
</script>
		
</head>
    <body>
        <div id="wrapper">
            <div id="header">
                <%@include file="managerheader.html" %>
            </div>
            <div id="container">
                <div class="content min-width min-height">
                    
                    <div >
						<input id="addEmployeeButton" type="button" value="Add an Employee" onclick="javascript:window.location='addemployee.jsp'">
					</div>
					<!-- Employee Selected -->
					<form name="employeeSelectedForm" method="Get">
					<div id="listbox">
                    <fieldset id="listfield">
						<legend style="font-size:120%"><strong>Employees</strong></legend>
                    	<%@include file="employeelist.jsp" %>
                    </fieldset>
                    </div>
                    <!-- Edit employee data -->                   
                    <div id="edit">
                    <input type="submit" id="editButton" value="Edit" onclick="Button1_onclick()">
                    </div>
                    <!-- Delete a selected employee from the list -->
                    
                    <div id="delete">
                    <input type="button" id="deleteButton" value="Delete" onclick="Button2_onclick()">	
                    </div>
                    </form>
                    <div id="bestEmployeeBox">
                     <fieldset>
						<legend>The Best Employee generating the most total revenue</legend>
						<p>Employee2</p>
                    </fieldset>
                    </div>
                </div>
            </div>
		</div>
            <div id="footer">
                <%@include file="footer.html" %>
            </div>

    </body>
</html>
